<div >
    <nz-descriptions nzBordered >
        <nz-descriptions-item nzTitle="客户端名" [nzSpan]="1">{{client?.clientName}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="客户端ID" [nzSpan]="2">{{client?.clientId}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="授权类型" [nzSpan]="3">
            <span style="padding-right: 10px;" *ngFor="let grantType of client?.authorizationGrantTypes">
                {{grantType}}
            </span>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="授权范围" [nzSpan]="3">
            <span style="padding-right: 10px;" *ngFor="let scope of client?.scopes">
                {{scope}}
            </span>        
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="重定向地址" [nzSpan]="3">
            <ul>
                <li *ngFor="let url of client?.redirectUris">
                    {{url}}
                </li>
            </ul>
        </nz-descriptions-item>
       
    </nz-descriptions>

    <div nz-row nzJustify="end" class="action-area" style="margin-top: 10px;">
        <div nz-col>
            <button class="dialog-button" nz-button (click)="onClose($event)">关闭</button>
        </div>
    </div>
</div>